<template>
	<div class="video-modal">
		<Modal :value="showVideoModal" draggable scrollable footer-hide>
			<span slot="close"></span>
			<div slot="header" class="title">
				<span>{{ $t('ivcs.serviceMonitoring') }}</span>
				<img src="../../static/images/modalclose.png" style="float:right;cursor:pointer;width:15px;" alt="" @click="closeModal" />
			</div>
			<slot name="contents"></slot>
		</Modal>
	</div>
</template>

<script>
export default {
	props: {
		showVideoModal: {
			type: Boolean,
			defualt: false
		}
	},
	data() {
		return {};
	},
	methods: {
		closeModal() {
			this.$emit('closeModal');
		}
	}
};
</script>

<style scoped>
.title {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
}
</style>
